@extends("layouts.main")
@section('title','注册')
@section('keywords','注册')
@section('description','注册')
@section("content")
    <main>
        <style type="text/css">
            .form-control {
                display: block;
                width: 100%;
                height: 34px;
                padding: 6px 12px;
                font-size: 14px;
                line-height: 1.42857143;
                color: #555;
                background-color: #fff;
                background-image: none;
                border: 1px solid #ccc;
                border-radius: 4px;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            }
            .input-lg {
                height: 46px;
                padding: 10px 16px;
                font-size: 18px;
                line-height: 1.3333333;
                border-radius: 6px;
            }


        </style>


            <!-- PAGE TOP -->
            <div class="page-top">
                <div class="page-caption">
                    <div class="page-inner">

                    </div>
                </div>
            </div>

            <!-- MAIN CONTENT -->
            <div class="main-content" style="display: flex;justify-content: center;align-items: center;height: 600px">

                <div class="page-form" style="width: 400px">
                    <div class="form-wrapper row">
                        <div class="col-lg-12 col-md-12 col-xs-12 col-12">
                            <input class="form-control input-lg" type="text" placeholder="请输入手机号" id="mobile" autocomplete="off">
                        </div>
                        <div class="col-lg-12 col-md-12 col-xs-12 col-12" style="margin-top: 40px">
                            <input class="form-control input-lg" type="password" placeholder="请输入密码" id="password" autocomplete="off">
                        </div>

                        <div class="col-lg-12 col-md-12 col-xs-12 col-12" style="margin-top: 40px">
                            <input class="form-control input-lg" type="password" placeholder="重复密码" id="password2" autocomplete="off">
                        </div>

                        <div class="form-line col-lg-12 col-md-12 col-xs-12 col-12" style="text-align: center">
                            <input type="submit" class="easing reg_btn" value="注册" style="padding: 8px 30px">
                        </div>

                        <div class="form-line col-lg-12 col-md-12 col-xs-12 col-12" style="text-align: center;margin-top: 40px">
                            <a href="{{route('login')}}" style="color: #FFFFFF;text-decoration: underline">已有账号?去登录</a>
                        </div>
                    </div>
                </div>

            </div>
        <script src="assets/js/register.js"></script>

    </main>
@endsection
